<template>
   <div class="footer">
         <p>
            <a href="#">电影/影院</a>
          
         </p>
         <p>
            <a href="#">视频</a>
         </p>
         <p>
            <a href="#">小视频</a>
            <p>
               <a href="#">演出</a>
            </p>
            <p>
               <a href="#"> 我的</a>
            </p>
      </div>
</template>

<script>
export default {
     name:"myfooter"
}
</script>

<style scoped>
  .footer {
         height: 1.333333rem;
         width: 100%;
         display: flex;
         align-items: center;
         background-color: yellow;
         position: fixed;
         bottom: 0;
         left: 0;
      }

      .footer p {
         flex: 1;
         display: flex;
         flex-direction: column;
         align-items: center;
         font-size: .373333rem;
      }

      .footer p img {
         width: .72rem;
         height: .72rem;
      }
      .con_tou{
         width: 100%;
         height: 8.106667rem;
         background-color: pink;
      }
</style>